<?php
session_start();
require_once 'HTML5Header.php';
?>

<body>
	<?php require_once 'BarraNavegacion.php';?>

	<div class="container">
		<div class="hero-unit">
			<h1>Bienvenido a MoodvieWeb</h1>
			</br>
			<p>Por razones de mantenimiento estaremos fuera de servicio hasta las <b>21:00</b> del Lunes 4 de Junio
			</p>
			</br>
			
		<hr>
	</div>
	
	<div class="modal-footer">
		<p>&copy; MoodvieWeb</p>
		<!-- <p>&copy; MoodvieWeb: Esta aplicación es el proyecto de fin de carrera de David Carboneras, Fernando Álvarez y Moisés Martínez</p>-->
	</div>

<?php require_once 'bootstrapjs.php';?>
<script type="text/javascript">
	$(document).ready(
	function()
	{
	// Popover registro
		$('#registerHere input').hover(
		function()
		{
			$(this).popover('show')
		});

	// Popover login
		$('#loginHere input').hover(
		function()
		{
			$(this).popover('show')
		});

	// Validation register
		$("#registerHere").validate(
		{
			rules:
			{
				user_name:{required:true, rangelength: [4,12]},
				//user_email:{required:true,email: true},
				pwd:{required:true,minlength: 6},
				cpwd:{required:true,equalTo: "#pwd"},
			},

			messages:
			{
				user_name:{
					required:"Introduzca su nombre de usuario",
					rangelength:"El nombre de usuario debe contener entre 4 y 12 caracteres"
				},
				/*user_email:
				{
					required:"Introduzca su email",
					email:"Introduzca un email válido"
				},*/
				pwd:
				{
					required:"Introduzca su contraseña",
					minlength:"La contraseña debe tener un mínimo de 6 caracteres"
				},
				cpwd:
				{
					required:"Confirme su contraseña",
					equalTo:"Las dos contraseñas deben coincidir"
				},
			},

			errorClass: "help-inline",
			errorElement: "span",
			
			highlight:
			function(element, errorClass, validClass)
			{
				$(element).parents('.control-group').removeClass('success');
				$(element).parents('.control-group').addClass('error');
			},

			unhighlight: 
			function(element, errorClass, validClass)
			{
				$(element).parents('.control-group').removeClass('error');
				$(element).parents('.control-group').addClass('success');
			}
		});

		// Validation Login
		$("#loginHere").validate(
		{
			rules:
			{
				user_name_login:{required:true, rangelength: [4,12]},
				pwd_login:{required:true,minlength: 6},
			},

			messages:
			{
				user_name_login:{
					required:"Introduzca su nombre de usuario",
					rangelength:"El nombre de usuario debe contener entre 4 y 12 caracteres"
				},
				pwd_login:
				{
					required:"Introduzca su contraseña",
					minlength:"La contraseña debe tener un mínimo de 6 caracteres"
				},
			},

			errorClass: "help-inline",
			errorElement: "span",
			
			highlight:
			function(element, errorClass, validClass)
			{
				$(element).parents('.control-group').removeClass('success');
				$(element).parents('.control-group').addClass('error');
			},

			unhighlight: 
			function(element, errorClass, validClass)
			{
				$(element).parents('.control-group').removeClass('error');
				$(element).parents('.control-group').addClass('success');
			}
		});
	});
</script>
</body>
</html>
